calendar: Move "Clear" button to the start

Aligning the button to the end is a bit odd after removing the
do-not-disturb switch, so move it to the start instead and make
it pill-shaped to align better with the popover.

Part-of: <https://gitlab.gnome.org/GNOME/gnome-shell/-/merge_requests/3691>

diff --git a/data/theme/gnome-shell-sass/widgets/_message-list.scss b/data/theme/gnome-shell-sass/widgets/_message-list.scss
index 65e328fbb3600c4702f1346812a86db36f9a447c..fa4dd58cfe74b8499065643315c0dbb0f509057e 100644 (file)
--- a/data/theme/gnome-shell-sass/widgets/_message-list.scss
+++ b/data/theme/gnome-shell-sass/widgets/_message-list.scss
@@ -46,6 +46,10 @@
   padding-bottom: $base_padding;
   spacing: $base_padding;
   @extend %heading;
+
+  .message-list-clear-button {
+    border-radius: $forced_circular_radius;
+  }
 }
 
 // message notification group

diff --git a/js/ui/calendar.js b/js/ui/calendar.js
index 936854c5acae5272da8c6a0309291517d3f23934..4ff0540ba744496a5a5ff8bba0fed1710422e967 100644 (file)
--- a/js/ui/calendar.js
+++ b/js/ui/calendar.js
@@ -812,7 +812,7 @@ class CalendarMessageList extends St.Widget {
             label: _('Clear'),
             can_focus: true,
             x_expand: true,
-            x_align: Clutter.ActorAlign.END,
+            x_align: Clutter.ActorAlign.START,
             accessible_name: C_('action', 'Clear all notifications'),
         });
         this._clearButton.connect('clicked', () => {